<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ page import="com.ddstation.common.property.JsVersionProperties" %>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1"><!--移动设备优先-->
		<title>组织架构</title>
		<style type="text/css">@import url("<c:url value="/css/lib/bootstrap.min.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/css/lib/V2.0/weknow.css?${JsVersionProperties.prop.getProperty('common')}"/>");</style>
		<style type="text/css">@import url("<c:url value="/css/lib/font-awesome.min.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/css/pc/organization/organization.css?V0.0"/>");</style>
		
		<script src="<c:url value="/js/lib/jquery.min.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/lib/bootstrap.min.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/lib/weknow.js?${JsVersionProperties.prop.getProperty('common')}"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/lib/wn-validator.js?${JsVersionProperties.prop.getProperty('wn-validator')}"/>" type="text/javascript"></script>
		
	</head>
	<body>
		<!-- Preloader -->
		<div class="animationload">
			<div class="loader">
				Loading...
			</div>
		</div>
		<!-- End Preloader -->
		<div class="container-fluid">

<%--			<c:import url="../clinic/head_menu.jsp" />--%>

			<div class="row bd" style="margin-top: 15px;">
				<div class="col-xs-3">
					<nav class="bs-docs-sidebar hidden-print affix" id="orgStruct"></nav>
				</div>
				<div class="col-xs-9">
					<section id="org">
						<div class="row" style="background-color: #F9FAFC; padding: 8px 0px;">
							<div class="col-xs-6">
								<label id="orgName">问暖</label>
								<label>(</label>
								<label id="orgStaffCnt"></label>
								<label>人)</label>
							</div>
							<div class="col-xs-6 text-right">
<%--								<p class="freeaccounts" style="margin-bottom: 0px;">未分配账号：<span>${fn:length(freeAccounts) }</span>个</p>--%>
							</div>
						</div>
						<div class="row" style="background-color: #DFE9F5; border-bottom: 1px solid #bdc9d6; padding: 5px 0px;">
							<div class="col-xs-9">
								<button type="button" name="replaceOrgNm" class="btn btn-sm btn-default">修改部门名称</button>
								<button type="button" name="removeOrg" class="btn btn-sm btn-default" style="margin-left: 5px;">删除部门</button>
								<button type="button" name="addSubOrg" class="btn btn-sm btn-default" style="margin-left: 5px;">添加子部门</button>
								<button type="button" name="addMember" class="btn btn-sm btn-default" style="margin-left: 5px;">添加成员</button>
							</div>
							<div class="col-xs-3">
								<i class="fa fa-search" style="position: absolute;margin-top: 7px; margin-left: 5px;"></i>
								<input type="text"  name="usersearch"class="form-control input-sm"  style="padding-left: 22px;" placeholder="请输入姓名检索" ></input>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<table class="table table-hover table-condensed" style="margin-top: 15px;">
									<thead>
										<tr>
											<th>姓名</th>
											<th>用户名</th>
											<th class="text-center">账号开通日</th>
											<th>部门</th>
											<th class="text-center">管理员</th>
											<th class="text-center">操作</th>
										</tr>
									</thead>
									<tbody style="font-size: 13px;"></tbody>
								</table>
							</div>
						</div>
					</section>
					
					<!-- 新建or编辑员工 -->
					<section id="staff" style="display: none;">
						<div class="row" style="background-color: #F9FAFC; padding: 8px 0px;">
							<div class="col-xs-6">
								<label class="title"></label>
							</div>
							<div class="col-xs-6 text-right">
							</div>
						</div>
						<div class="row" style="background-color: #DFE9F5; border-bottom: 1px solid #bdc9d6; padding: 5px 0px;">
							<div class="col-xs-6">
								<button type="button" name="save" class="btn btn-sm btn-primary">保存</button>
								<button type="button" name="cancel" class="btn btn-sm btn-default" style="margin-left: 5px;">取消</button>
							</div>
							<div class="col-xs-6 text-right">
								<button type="button" name="remove" class="btn btn-sm btn-danger">删除</button>
							</div>
						</div>

						<div class="row" style="margin-top: 5px;">
							<div class="col-xs-2">
								<label>姓名：</label>
							</div>
							<div class="col-xs-4">
								<input type="text" class="form-control" name="name" maxlength="20" placeholder="" autocomplete="off">
							</div>
						</div>
            			<div class="row" style="margin-top: 5px;">
							<div class="col-xs-2">
	            				<label>部门：</label>
	            			</div>
	            			<div class="col-xs-4">
	            				<select class="form-control" name="orgId"></select>
	            			</div>
            			</div>
            			<div class="row" style="margin-top: 5px;">
							<div class="col-xs-2">
	            				<label>管理员：</label>
	            			</div>
	            			<div class="col-xs-10">
	            				<label class="radio-inline"><input type="radio" name="isManager" value="1">是</label>
								<label class="radio-inline"><input type="radio" name="isManager" value="0" checked="checked">否</label>
								<span class="text-danger" style="padding-left: 15px;"></span>
	            			</div>
            			</div>

            			<div class="row" style="margin-top: 5px;">
							<div class="col-xs-2">
	            				<label>用户名：</label>
	            			</div>
	            			<div class="col-xs-4">
	            				<input type="text" class="form-control" name="loginUser" maxlength="20" placeholder="6-16字符，支持数字/字母/下划线" autocomplete="off">
	            			</div>
            			</div>
            			<div class="row" style="margin-top: 5px;">
							<div class="col-xs-2">
	            				<label>密码：</label>
	            			</div>
	            			<div class="col-xs-4">
	            				<input type="text" class="form-control" name="loginPassword" maxlength="20" placeholder="6-16字符，支持数字/字母/下划线" autocomplete="off">
	            			</div>
            			</div>
						<input type="hidden" value="${doctorUUID}" id="doctorUUID">
<%--						<div class="row" style="margin-top: 5px;" name="confirmLoginPasswordDiv">--%>
<%--							<div class="col-xs-2">--%>
<%--								<label>确认密码：</label>--%>
<%--							</div>--%>
<%--							<div class="col-xs-4">--%>
<%--								<input type="text" class="form-control" name="confirmLoginPassword" maxlength="20" placeholder="再次输入密码" autocomplete="off">--%>
<%--							</div>--%>
<%--						</div>--%>
					</section>
					
					<section id="guide-buy" style="display: none;">
						<div class="row" style="background-color: #DFE9F5; border-bottom: 1px solid #bdc9d6; padding: 5px 0px;">
							<div class="col-xs-12">
								<div class="btn-group" role="group">
									<button type="button" name="back" class="btn btn-sm btn-default">返回</button>
								</div>
							</div>
						</div>
						<div class="row jumbotron" style="margin-top: 5px; border-radius: initial; background-color: #F9FAFC;">
							<h2>没有可以分配的账号</h2>
							<h3>官方咨询电话：<span style="color: #d9534f;">400-960-7780</span></h3>
						</div>
					</section>
				</div>
			</div>
        </div>
        
        <!-- 新建部门/修改部门名称 -->
        <div class="modal fade" id="org-modal" tabindex="-1" role="dialog">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header" style="background-color: #f5f5f5;">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title text-center"></h4>
					</div>
					<div class="modal-body" style="padding: 5px 100px;">
						<div class="form-group">
						    <label>部门名称</label>
						    <input type="text" class="form-control" name="orgName" maxlength="25">
						</div>
					</div>
					<div class="modal-footer">
				        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				        <button type="button" class="btn btn-primary" name="save">保存</button>
				    </div>
		  		</div>
			</div>
		</div>
		
		<!-- 菜单权限设置 -->
		<div class="modal fade" id="minusMenuModal" tabindex="-1" role="dialog">
			<div class="modal-dialog modal-sm" role="document">
				<div class="modal-content">
					<div class="modal-header" style="background-color: #f5f5f5;">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title text-center">菜单权限 (<span class="doctorName"></span>)</h4>
					</div>
					<div class="modal-body" style="padding: 15px">
						<div class="row" style="margin-bottom: 5px;">
							<div class="col-xs-2"></div>
							<div class="col-xs-8 user-tabs" style="border-bottom: 1px solid #ddd; padding-bottom: 5px;">
								<ul class="nav nav-tabs tabs" style="width: 100%;">
									<li class="tab" style="width: 50%;">
										<a data-menutype="1" data-toggle="tab" aria-expanded="false">
<%--											<span style="font-size: 17px;">纵向</span>--%>
										</a>
									</li>
<%--									<li class="tab" style="width: 50%;">--%>
<%--										<a data-menutype="2" data-toggle="tab" aria-expanded="false">--%>
<%--											<span style="font-size: 17px;">横向</span>--%>
<%--										</a>--%>
<%--									</li>--%>
								</ul>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<table class="table table-bordered" style="margin-bottom: initial;">
									<thead>
										<tr>
											<th width="80%">菜单</th>
											<th class="text-center" width="20%">可用</th>
										</tr>
									</thead>
									<tbody></tbody>
								</table>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
						<button type="button" class="btn btn-primary" name="save">保存</button>
					</div>
				</div>
			</div>
		</div>
		
		<script src="<c:url value="/js/pc/clinic/clinic_dpt_common.js?${JsVersionProperties.prop.getProperty('wn-clinic_dpt_common')}"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/pc/organization/staff.js?V2.17.7"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/pc/organization/organization.js?V2.6"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/pc/organization/menu_setting.js?V2.4.1"/>" type="text/javascript"></script>
		<c:if test="${sessionScope.isYbNetwork}">
			<script src="<c:url value="/js/pc/lib/yb_config/yb_config.js?${JsVersionProperties.prop.getProperty('yb_config')}"/>" type="text/javascript"></script>
			<script src="<c:url value="/js/pc/organization/prescription-rights.js"/>" type="text/javascript"></script>
		</c:if>
	</body>
</html>